
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-collapsed"></use>
                    </svg>
                    <div class="name">折叠</div>
                    <div class="fontclass">#icon-collapsed</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-excel"></use>
                    </svg>
                    <div class="name">Excel</div>
                    <div class="fontclass">#icon-excel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-image"></use>
                    </svg>
                    <div class="name">image</div>
                    <div class="fontclass">#icon-image</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pdf"></use>
                    </svg>
                    <div class="name">pdf</div>
                    <div class="fontclass">#icon-pdf</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ppt"></use>
                    </svg>
                    <div class="name">ppt</div>
                    <div class="fontclass">#icon-ppt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-txt"></use>
                    </svg>
                    <div class="name">txt</div>
                    <div class="fontclass">#icon-txt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-word"></use>
                    </svg>
                    <div class="name">word</div>
                    <div class="fontclass">#icon-word</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zip"></use>
                    </svg>
                    <div class="name">zip</div>
                    <div class="fontclass">#icon-zip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-spanner"></use>
                    </svg>
                    <div class="name">扳手</div>
                    <div class="fontclass">#icon-spanner</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-save"></use>
                    </svg>
                    <div class="name">保存</div>
                    <div class="fontclass">#icon-save</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-alarm"></use>
                    </svg>
                    <div class="name">报警警报预警</div>
                    <div class="fontclass">#icon-alarm</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-collision"></use>
                    </svg>
                    <div class="name">比对碰撞</div>
                    <div class="fontclass">#icon-collision</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-car-collision"></use>
                    </svg>
                    <div class="name">车辆碰撞</div>
                    <div class="fontclass">#icon-car-collision</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-floor-building"></use>
                    </svg>
                    <div class="name">大楼3</div>
                    <div class="fontclass">#icon-floor-building</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-story-building"></use>
                    </svg>
                    <div class="name">大楼1</div>
                    <div class="fontclass">#icon-story-building</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-high-building"></use>
                    </svg>
                    <div class="name">大楼2</div>
                    <div class="fontclass">#icon-high-building</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-brain"></use>
                    </svg>
                    <div class="name">大脑</div>
                    <div class="fontclass">#icon-brain</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-record"></use>
                    </svg>
                    <div class="name">档案</div>
                    <div class="fontclass">#icon-record</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-ruler"></use>
                    </svg>
                    <div class="name">地图尺子</div>
                    <div class="fontclass">#icon-map-ruler</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-gas"></use>
                    </svg>
                    <div class="name">地图加油站</div>
                    <div class="fontclass">#icon-map-gas</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-connect"></use>
                    </svg>
                    <div class="name">地图连线1</div>
                    <div class="fontclass">#icon-map-connect</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-direction"></use>
                    </svg>
                    <div class="name">地图连线转移</div>
                    <div class="fontclass">#icon-map-direction</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-oil"></use>
                    </svg>
                    <div class="name">地图石油</div>
                    <div class="fontclass">#icon-map-oil</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-finger"></use>
                    </svg>
                    <div class="name">地图-手指</div>
                    <div class="fontclass">#icon-map-finger</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-architecture"></use>
                    </svg>
                    <div class="name">地图组织架构</div>
                    <div class="fontclass">#icon-map-architecture</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-site"></use>
                    </svg>
                    <div class="name">地图组织站点</div>
                    <div class="fontclass">#icon-map-site</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-electricity"></use>
                    </svg>
                    <div class="name">电池电量</div>
                    <div class="fontclass">#icon-electricity</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fixed-telephone"></use>
                    </svg>
                    <div class="name">电话固话</div>
                    <div class="fontclass">#icon-fixed-telephone</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-computer"></use>
                    </svg>
                    <div class="name">电脑</div>
                    <div class="fontclass">#icon-computer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-location"></use>
                    </svg>
                    <div class="name">定位</div>
                    <div class="fontclass">#icon-location</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-danger"></use>
                    </svg>
                    <div class="name">毒品危险</div>
                    <div class="fontclass">#icon-danger</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-split-screen-compare"></use>
                    </svg>
                    <div class="name">分屏对比</div>
                    <div class="fontclass">#icon-split-screen-compare</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-evaluation"></use>
                    </svg>
                    <div class="name">分析评比</div>
                    <div class="fontclass">#icon-evaluation</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fenxiang"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#icon-fenxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-share"></use>
                    </svg>
                    <div class="name">分享转发</div>
                    <div class="fontclass">#icon-share</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-servicer"></use>
                    </svg>
                    <div class="name">服务器</div>
                    <div class="fontclass">#icon-servicer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-server-host"></use>
                    </svg>
                    <div class="name">服务器主机</div>
                    <div class="fontclass">#icon-server-host</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-annex"></use>
                    </svg>
                    <div class="name">附件</div>
                    <div class="fontclass">#icon-annex</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copy-comparison"></use>
                    </svg>
                    <div class="name">复制比对</div>
                    <div class="fontclass">#icon-copy-comparison</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-security-shield"></use>
                    </svg>
                    <div class="name">公安盾牌</div>
                    <div class="fontclass">#icon-security-shield</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-manage-circuit"></use>
                    </svg>
                    <div class="name">管理流转协作</div>
                    <div class="fontclass">#icon-manage-circuit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-locus"></use>
                    </svg>
                    <div class="name">轨迹</div>
                    <div class="fontclass">#icon-locus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-orbit"></use>
                    </svg>
                    <div class="name">轨迹1</div>
                    <div class="fontclass">#icon-orbit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-traffic-light"></use>
                    </svg>
                    <div class="name">红绿灯违章</div>
                    <div class="fontclass">#icon-traffic-light</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sketchpad-theme"></use>
                    </svg>
                    <div class="name">画板主题</div>
                    <div class="fontclass">#icon-sketchpad-theme</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-purse"></use>
                    </svg>
                    <div class="name">货币钱袋资金</div>
                    <div class="fontclass">#icon-purse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-base-signal"></use>
                    </svg>
                    <div class="name">基站信号</div>
                    <div class="fontclass">#icon-base-signal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-load"></use>
                    </svg>
                    <div class="name">加载</div>
                    <div class="fontclass">#icon-load</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-supervision"></use>
                    </svg>
                    <div class="name">监控控制管理监管</div>
                    <div class="fontclass">#icon-supervision</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-build"></use>
                    </svg>
                    <div class="name">大楼建筑</div>
                    <div class="fontclass">#icon-build</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-policeman"></use>
                    </svg>
                    <div class="name">警察半身</div>
                    <div class="fontclass">#icon-policeman</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-video-camera"></use>
                    </svg>
                    <div class="name">卡口摄像头</div>
                    <div class="fontclass">#icon-video-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-express-package"></use>
                    </svg>
                    <div class="name">快递包裹</div>
                    <div class="fontclass">#icon-express-package</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-firearms"></use>
                    </svg>
                    <div class="name">枪支</div>
                    <div class="fontclass">#icon-firearms</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-badge"></use>
                    </svg>
                    <div class="name">认证徽章</div>
                    <div class="fontclass">#icon-badge</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-theft"></use>
                    </svg>
                    <div class="name">入室盗窃</div>
                    <div class="fontclass">#icon-theft</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qq"></use>
                    </svg>
                    <div class="name">社交qq</div>
                    <div class="fontclass">#icon-qq</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dingtalk"></use>
                    </svg>
                    <div class="name">社交钉钉</div>
                    <div class="fontclass">#icon-dingtalk</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fly-letter"></use>
                    </svg>
                    <div class="name">社交飞信</div>
                    <div class="fontclass">#icon-fly-letter</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mitalk"></use>
                    </svg>
                    <div class="name">社交米聊</div>
                    <div class="fontclass">#icon-mitalk</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-momo"></use>
                    </svg>
                    <div class="name">社交陌陌图标</div>
                    <div class="fontclass">#icon-momo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-microblog"></use>
                    </svg>
                    <div class="name">社交微博</div>
                    <div class="fontclass">#icon-microblog</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-monitor-camera"></use>
                    </svg>
                    <div class="name">卡口监控摄像头</div>
                    <div class="fontclass">#icon-monitor-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bayonet-camera"></use>
                    </svg>
                    <div class="name">卡口视频摄像头</div>
                    <div class="fontclass">#icon-bayonet-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-approval"></use>
                    </svg>
                    <div class="name">审批</div>
                    <div class="fontclass">#icon-approval</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-time"></use>
                    </svg>
                    <div class="name">时间</div>
                    <div class="fontclass">#icon-time</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-record-video"></use>
                    </svg>
                    <div class="name">视频</div>
                    <div class="fontclass">#icon-record-video</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-avi"></use>
                    </svg>
                    <div class="name">AVI视频文件</div>
                    <div class="fontclass">#icon-avi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-desktop"></use>
                    </svg>
                    <div class="name">台式机</div>
                    <div class="fontclass">#icon-desktop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-balance"></use>
                    </svg>
                    <div class="name">天平公平研判</div>
                    <div class="fontclass">#icon-balance</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-team"></use>
                    </svg>
                    <div class="name">团队</div>
                    <div class="fontclass">#icon-team</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-news-success"></use>
                    </svg>
                    <div class="name">消息-成功</div>
                    <div class="fontclass">#icon-news-success</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-news-warn"></use>
                    </svg>
                    <div class="name">消息-警告</div>
                    <div class="fontclass">#icon-news-warn</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-news-info"></use>
                    </svg>
                    <div class="name">消息-信息</div>
                    <div class="fontclass">#icon-news-info</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-news-failure"></use>
                    </svg>
                    <div class="name">消息-失败</div>
                    <div class="fontclass">#icon-news-failure</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-collaboration"></use>
                    </svg>
                    <div class="name">协同</div>
                    <div class="fontclass">#icon-collaboration</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-collaboration-system"></use>
                    </svg>
                    <div class="name">协同系统</div>
                    <div class="fontclass">#icon-collaboration-system</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-news"></use>
                    </svg>
                    <div class="name">新闻</div>
                    <div class="fontclass">#icon-news</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-newspaper"></use>
                    </svg>
                    <div class="name">新闻报纸</div>
                    <div class="fontclass">#icon-newspaper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-judge"></use>
                    </svg>
                    <div class="name">研判锤子</div>
                    <div class="fontclass">#icon-judge</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user-man"></use>
                    </svg>
                    <div class="name">用户-男</div>
                    <div class="fontclass">#icon-user-man</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user-women"></use>
                    </svg>
                    <div class="name">用户-女</div>
                    <div class="fontclass">#icon-user-women</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-circler-layout"></use>
                    </svg>
                    <div class="name">圆形布局</div>
                    <div class="fontclass">#icon-circler-layout</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cloud-search"></use>
                    </svg>
                    <div class="name">云搜系统</div>
                    <div class="fontclass">#icon-cloud-search</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paste"></use>
                    </svg>
                    <div class="name">粘贴</div>
                    <div class="fontclass">#icon-paste</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-internet"></use>
                    </svg>
                    <div class="name">站点网站互联网ie</div>
                    <div class="fontclass">#icon-internet</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bill"></use>
                    </svg>
                    <div class="name">账单</div>
                    <div class="fontclass">#icon-bill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pay-jingdong"></use>
                    </svg>
                    <div class="name">支付-京东</div>
                    <div class="fontclass">#icon-pay-jingdong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pay-taobao"></use>
                    </svg>
                    <div class="name">支付-淘宝</div>
                    <div class="fontclass">#icon-pay-taobao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-union-pay"></use>
                    </svg>
                    <div class="name">支付-银联</div>
                    <div class="fontclass">#icon-union-pay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-alipay"></use>
                    </svg>
                    <div class="name">支付-支付宝</div>
                    <div class="fontclass">#icon-alipay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fingerprint"></use>
                    </svg>
                    <div class="name">指纹</div>
                    <div class="fontclass">#icon-fingerprint</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-teamwork"></use>
                    </svg>
                    <div class="name">组织合作协作</div>
                    <div class="fontclass">#icon-teamwork</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-organiz"></use>
                    </svg>
                    <div class="name">组织群体</div>
                    <div class="fontclass">#icon-organiz</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baby-child"></use>
                    </svg>
                    <div class="name">婴儿-儿童</div>
                    <div class="fontclass">#icon-baby-child</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-thief"></use>
                    </svg>
                    <div class="name">小偷-逃犯</div>
                    <div class="fontclass">#icon-thief</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-corpse"></use>
                    </svg>
                    <div class="name">尸体</div>
                    <div class="fontclass">#icon-corpse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-Tandem"></use>
                    </svg>
                    <div class="name">串并</div>
                    <div class="fontclass">#icon-Tandem</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-relation"></use>
                    </svg>
                    <div class="name">关系</div>
                    <div class="fontclass">#icon-relation</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-palm"></use>
                    </svg>
                    <div class="name">手掌</div>
                    <div class="fontclass">#icon-palm</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dna"></use>
                    </svg>
                    <div class="name">DNA</div>
                    <div class="fontclass">#icon-dna</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-synthetic-combat"></use>
                    </svg>
                    <div class="name">合成作战</div>
                    <div class="fontclass">#icon-synthetic-combat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-area-map"></use>
                    </svg>
                    <div class="name">区域地图</div>
                    <div class="fontclass">#icon-area-map</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sign-review"></use>
                    </svg>
                    <div class="name">签字审核</div>
                    <div class="fontclass">#icon-sign-review</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-organization"></use>
                    </svg>
                    <div class="name">团伙群体</div>
                    <div class="fontclass">#icon-organization</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cooperation"></use>
                    </svg>
                    <div class="name">合作握手</div>
                    <div class="fontclass">#icon-cooperation</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-case-file"></use>
                    </svg>
                    <div class="name">案件档案</div>
                    <div class="fontclass">#icon-case-file</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-accurate-search"></use>
                    </svg>
                    <div class="name">精确搜索查询</div>
                    <div class="fontclass">#icon-accurate-search</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-victim"></use>
                    </svg>
                    <div class="name">受害遇害</div>
                    <div class="fontclass">#icon-victim</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-id-card"></use>
                    </svg>
                    <div class="name">资料身份证档案</div>
                    <div class="fontclass">#icon-id-card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rss"></use>
                    </svg>
                    <div class="name">rss</div>
                    <div class="fontclass">#icon-rss</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-usb"></use>
                    </svg>
                    <div class="name">USB</div>
                    <div class="fontclass">#icon-usb</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wifi"></use>
                    </svg>
                    <div class="name">wifi</div>
                    <div class="fontclass">#icon-wifi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bus"></use>
                    </svg>
                    <div class="name">巴士车</div>
                    <div class="fontclass">#icon-bus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bullseye"></use>
                    </svg>
                    <div class="name">靶心</div>
                    <div class="fontclass">#icon-bullseye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-percentage"></use>
                    </svg>
                    <div class="name">百分号</div>
                    <div class="fontclass">#icon-percentage</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wrench"></use>
                    </svg>
                    <div class="name">扳手</div>
                    <div class="fontclass">#icon-wrench</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-num-list"></use>
                    </svg>
                    <div class="name">编号列表</div>
                    <div class="fontclass">#icon-num-list</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-edit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-note"></use>
                    </svg>
                    <div class="name">便签</div>
                    <div class="fontclass">#icon-note</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tag"></use>
                    </svg>
                    <div class="name">标签</div>
                    <div class="fontclass">#icon-tag</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tags"></use>
                    </svg>
                    <div class="name">标签组</div>
                    <div class="fontclass">#icon-tags</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sheet"></use>
                    </svg>
                    <div class="name">表格</div>
                    <div class="fontclass">#icon-sheet</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-four-squares"></use>
                    </svg>
                    <div class="name">表格2</div>
                    <div class="fontclass">#icon-four-squares</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nine-squares"></use>
                    </svg>
                    <div class="name">表格3</div>
                    <div class="fontclass">#icon-nine-squares</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pie-chart"></use>
                    </svg>
                    <div class="name">饼图</div>
                    <div class="fontclass">#icon-pie-chart</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-play"></use>
                    </svg>
                    <div class="name">播放</div>
                    <div class="fontclass">#icon-play</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-inside-play"></use>
                    </svg>
                    <div class="name">播放2</div>
                    <div class="fontclass">#icon-inside-play</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-doctor-hat"></use>
                    </svg>
                    <div class="name">博士帽</div>
                    <div class="fontclass">#icon-doctor-hat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-crop"></use>
                    </svg>
                    <div class="name">裁剪</div>
                    <div class="fontclass">#icon-crop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tableware"></use>
                    </svg>
                    <div class="name">餐具</div>
                    <div class="fontclass">#icon-tableware</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-insert-top"></use>
                    </svg>
                    <div class="name">插入符-上</div>
                    <div class="fontclass">#icon-insert-top</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-insert-bottom"></use>
                    </svg>
                    <div class="name">插入符-下</div>
                    <div class="fontclass">#icon-insert-bottom</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-insert-right"></use>
                    </svg>
                    <div class="name">插入符-右</div>
                    <div class="fontclass">#icon-insert-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-insert-left"></use>
                    </svg>
                    <div class="name">插入符-左</div>
                    <div class="fontclass">#icon-insert-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plug"></use>
                    </svg>
                    <div class="name">插头</div>
                    <div class="fontclass">#icon-plug</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-inquiry"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#icon-inquiry</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zoomout"></use>
                    </svg>
                    <div class="name">查询-</div>
                    <div class="fontclass">#icon-zoomout</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-enlarge"></use>
                    </svg>
                    <div class="name">查询+</div>
                    <div class="fontclass">#icon-enlarge</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-badreview"></use>
                    </svg>
                    <div class="name">差评2</div>
                    <div class="fontclass">#icon-badreview</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-recall"></use>
                    </svg>
                    <div class="name">撤销</div>
                    <div class="fontclass">#icon-recall</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-multiply"></use>
                    </svg>
                    <div class="name">乘号</div>
                    <div class="fontclass">#icon-multiply</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gearset"></use>
                    </svg>
                    <div class="name">齿轮设置</div>
                    <div class="fontclass">#icon-gearset</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gearmore"></use>
                    </svg>
                    <div class="name">齿轮组</div>
                    <div class="fontclass">#icon-gearmore</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bedbug"></use>
                    </svg>
                    <div class="name">臭虫bug</div>
                    <div class="fontclass">#icon-bedbug</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-taxi"></use>
                    </svg>
                    <div class="name">出租车</div>
                    <div class="fontclass">#icon-taxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fax"></use>
                    </svg>
                    <div class="name">传真</div>
                    <div class="fontclass">#icon-fax</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window"></use>
                    </svg>
                    <div class="name">窗口</div>
                    <div class="fontclass">#icon-window</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bed"></use>
                    </svg>
                    <div class="name">床</div>
                    <div class="fontclass">#icon-bed</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hammer"></use>
                    </svg>
                    <div class="name">槌子</div>
                    <div class="fontclass">#icon-hammer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-print"></use>
                    </svg>
                    <div class="name">打印</div>
                    <div class="fontclass">#icon-print</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-university"></use>
                    </svg>
                    <div class="name">大学</div>
                    <div class="fontclass">#icon-university</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-code-branch"></use>
                    </svg>
                    <div class="name">代码-分支</div>
                    <div class="fontclass">#icon-code-branch</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mono-top"></use>
                    </svg>
                    <div class="name">单角符-上</div>
                    <div class="fontclass">#icon-mono-top</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mono-bottom"></use>
                    </svg>
                    <div class="name">单角符-下</div>
                    <div class="fontclass">#icon-mono-bottom</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mono-right"></use>
                    </svg>
                    <div class="name">单角符-右</div>
                    <div class="fontclass">#icon-mono-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mono-left"></use>
                    </svg>
                    <div class="name">单角符-左</div>
                    <div class="fontclass">#icon-mono-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pop"></use>
                    </svg>
                    <div class="name">弹出</div>
                    <div class="fontclass">#icon-pop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-archive"></use>
                    </svg>
                    <div class="name">档案</div>
                    <div class="fontclass">#icon-archive</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-login"></use>
                    </svg>
                    <div class="name">登录</div>
                    <div class="fontclass">#icon-login</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dropper"></use>
                    </svg>
                    <div class="name">滴管</div>
                    <div class="fontclass">#icon-dropper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-earth"></use>
                    </svg>
                    <div class="name">地球</div>
                    <div class="fontclass">#icon-earth</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-subway"></use>
                    </svg>
                    <div class="name">地铁</div>
                    <div class="fontclass">#icon-subway</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map"></use>
                    </svg>
                    <div class="name">地图</div>
                    <div class="fontclass">#icon-map</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-thumbtack"></use>
                    </svg>
                    <div class="name">地图-图钉</div>
                    <div class="fontclass">#icon-map-thumbtack</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-map-indicator"></use>
                    </svg>
                    <div class="name">地图-指示牌</div>
                    <div class="fontclass">#icon-map-indicator</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-light"></use>
                    </svg>
                    <div class="name">电灯</div>
                    <div class="fontclass">#icon-light</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-call"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-call</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tv"></use>
                    </svg>
                    <div class="name">电视-显示器</div>
                    <div class="fontclass">#icon-tv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-film"></use>
                    </svg>
                    <div class="name">电影</div>
                    <div class="fontclass">#icon-film</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-power"></use>
                    </svg>
                    <div class="name">电源-关</div>
                    <div class="fontclass">#icon-power</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ok"></use>
                    </svg>
                    <div class="name">对号</div>
                    <div class="fontclass">#icon-ok</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shield"></use>
                    </svg>
                    <div class="name">盾牌</div>
                    <div class="fontclass">#icon-shield</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-children"></use>
                    </svg>
                    <div class="name">儿童</div>
                    <div class="fontclass">#icon-children</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qrcode"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#icon-qrcode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-direction"></use>
                    </svg>
                    <div class="name">方向</div>
                    <div class="fontclass">#icon-direction</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-checkbox-off"></use>
                    </svg>
                    <div class="name">方形</div>
                    <div class="fontclass">#icon-checkbox-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-checkbox-on"></use>
                    </svg>
                    <div class="name">方形2</div>
                    <div class="fontclass">#icon-checkbox-on</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-airplane"></use>
                    </svg>
                    <div class="name">飞机</div>
                    <div class="fontclass">#icon-airplane</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-redo"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#icon-redo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-server"></use>
                    </svg>
                    <div class="name">服务器</div>
                    <div class="fontclass">#icon-server</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-checkbox-ok"></use>
                    </svg>
                    <div class="name">复选框</div>
                    <div class="fontclass">#icon-checkbox-ok</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copy-rect"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-copy-rect</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-high-road"></use>
                    </svg>
                    <div class="name">公路</div>
                    <div class="fontclass">#icon-high-road</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-briefcase"></use>
                    </svg>
                    <div class="name">公文包</div>
                    <div class="fontclass">#icon-briefcase</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-row"></use>
                    </svg>
                    <div class="name">功能</div>
                    <div class="fontclass">#icon-row</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-close-rect"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-close-rect</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-filter"></use>
                    </svg>
                    <div class="name">过滤器</div>
                    <div class="fontclass">#icon-filter</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-like"></use>
                    </svg>
                    <div class="name">好评2</div>
                    <div class="fontclass">#icon-like</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-backward"></use>
                    </svg>
                    <div class="name">后退</div>
                    <div class="fontclass">#icon-backward</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prev"></use>
                    </svg>
                    <div class="name">后退2</div>
                    <div class="fontclass">#icon-prev</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-slider"></use>
                    </svg>
                    <div class="name">滑块</div>
                    <div class="fontclass">#icon-slider</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-work-card"></use>
                    </svg>
                    <div class="name">徽章</div>
                    <div class="fontclass">#icon-work-card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-undo"></use>
                    </svg>
                    <div class="name">回复</div>
                    <div class="fontclass">#icon-undo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-reply"></use>
                    </svg>
                    <div class="name">回复-全部</div>
                    <div class="fontclass">#icon-reply</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-train"></use>
                    </svg>
                    <div class="name">火车</div>
                    <div class="fontclass">#icon-train</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rocket"></use>
                    </svg>
                    <div class="name">火箭</div>
                    <div class="fontclass">#icon-rocket</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-survival"></use>
                    </svg>
                    <div class="name">急救箱</div>
                    <div class="fontclass">#icon-survival</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plus-fill"></use>
                    </svg>
                    <div class="name">加号</div>
                    <div class="fontclass">#icon-plus-fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plus-border"></use>
                    </svg>
                    <div class="name">加号2</div>
                    <div class="fontclass">#icon-plus-border</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plus"></use>
                    </svg>
                    <div class="name">加号3</div>
                    <div class="fontclass">#icon-plus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-loading"></use>
                    </svg>
                    <div class="name">加载</div>
                    <div class="fontclass">#icon-loading</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-credentials"></use>
                    </svg>
                    <div class="name">驾照</div>
                    <div class="fontclass">#icon-credentials</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-minus-fill"></use>
                    </svg>
                    <div class="name">减号</div>
                    <div class="fontclass">#icon-minus-fill</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-minus-border"></use>
                    </svg>
                    <div class="name">减号2</div>
                    <div class="fontclass">#icon-minus-border</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-minus"></use>
                    </svg>
                    <div class="name">减号3</div>
                    <div class="fontclass">#icon-minus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copy"></use>
                    </svg>
                    <div class="name">剪切板</div>
                    <div class="fontclass">#icon-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-building"></use>
                    </svg>
                    <div class="name">建筑</div>
                    <div class="fontclass">#icon-building</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keyborad"></use>
                    </svg>
                    <div class="name">键盘</div>
                    <div class="fontclass">#icon-keyborad</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-up"></use>
                    </svg>
                    <div class="name">箭头-上</div>
                    <div class="fontclass">#icon-link-arrow-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-v"></use>
                    </svg>
                    <div class="name">箭头-上下</div>
                    <div class="fontclass">#icon-link-arrow-v</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-move"></use>
                    </svg>
                    <div class="name">箭头-拖动</div>
                    <div class="fontclass">#icon-move</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-down"></use>
                    </svg>
                    <div class="name">箭头-下</div>
                    <div class="fontclass">#icon-link-arrow-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-right"></use>
                    </svg>
                    <div class="name">箭头-右</div>
                    <div class="fontclass">#icon-link-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-left"></use>
                    </svg>
                    <div class="name">箭头-左</div>
                    <div class="fontclass">#icon-link-arrow-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-arrow-h"></use>
                    </svg>
                    <div class="name">箭头-左右</div>
                    <div class="fontclass">#icon-link-arrow-h</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-trophy"></use>
                    </svg>
                    <div class="name">奖杯</div>
                    <div class="fontclass">#icon-trophy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fall"></use>
                    </svg>
                    <div class="name">降级</div>
                    <div class="fontclass">#icon-fall</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-exchange"></use>
                    </svg>
                    <div class="name">交换</div>
                    <div class="fontclass">#icon-exchange</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-where"></use>
                    </svg>
                    <div class="name">街景</div>
                    <div class="fontclass">#icon-where</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lock-off-v2"></use>
                    </svg>
                    <div class="name">解锁</div>
                    <div class="fontclass">#icon-lock-off-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lock-off"></use>
                    </svg>
                    <div class="name">解锁2</div>
                    <div class="fontclass">#icon-lock-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-no"></use>
                    </svg>
                    <div class="name">禁止</div>
                    <div class="fontclass">#icon-no</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-number-sign"></use>
                    </svg>
                    <div class="name">井号</div>
                    <div class="fontclass">#icon-number-sign</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ambulance"></use>
                    </svg>
                    <div class="name">救护车</div>
                    <div class="fontclass">#icon-ambulance</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-life-buoy"></use>
                    </svg>
                    <div class="name">救生圈</div>
                    <div class="fontclass">#icon-life-buoy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-coffee"></use>
                    </svg>
                    <div class="name">咖啡</div>
                    <div class="fontclass">#icon-coffee</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-truck"></use>
                    </svg>
                    <div class="name">卡车</div>
                    <div class="fontclass">#icon-truck</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-next-step"></use>
                    </svg>
                    <div class="name">快进</div>
                    <div class="fontclass">#icon-next-step</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prev-step"></use>
                    </svg>
                    <div class="name">快退</div>
                    <div class="fontclass">#icon-prev-step</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-speaker"></use>
                    </svg>
                    <div class="name">扩音器</div>
                    <div class="fontclass">#icon-speaker</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-delete"></use>
                    </svg>
                    <div class="name">垃圾桶2</div>
                    <div class="fontclass">#icon-delete</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bluetooth"></use>
                    </svg>
                    <div class="name">蓝牙</div>
                    <div class="fontclass">#icon-bluetooth</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gift"></use>
                    </svg>
                    <div class="name">礼物</div>
                    <div class="fontclass">#icon-gift</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-history"></use>
                    </svg>
                    <div class="name">历史记录</div>
                    <div class="fontclass">#icon-history</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-component"></use>
                    </svg>
                    <div class="name">立方体</div>
                    <div class="fontclass">#icon-component</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-components"></use>
                    </svg>
                    <div class="name">立方体组</div>
                    <div class="fontclass">#icon-components</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link"></use>
                    </svg>
                    <div class="name">链接</div>
                    <div class="fontclass">#icon-link</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-link-off"></use>
                    </svg>
                    <div class="name">链接-断开</div>
                    <div class="fontclass">#icon-link-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-columns"></use>
                    </svg>
                    <div class="name">列</div>
                    <div class="fontclass">#icon-columns</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list-v4"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-list-v4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list-v3"></use>
                    </svg>
                    <div class="name">列表2</div>
                    <div class="fontclass">#icon-list-v3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list-v2"></use>
                    </svg>
                    <div class="name">列表3</div>
                    <div class="fontclass">#icon-list-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bell"></use>
                    </svg>
                    <div class="name">铃声</div>
                    <div class="fontclass">#icon-bell</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bell-off"></use>
                    </svg>
                    <div class="name">铃声-静音</div>
                    <div class="fontclass">#icon-bell-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ship"></use>
                    </svg>
                    <div class="name">轮船</div>
                    <div class="fontclass">#icon-ship</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lightning"></use>
                    </svg>
                    <div class="name">螺栓</div>
                    <div class="fontclass">#icon-lightning</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mic-on"></use>
                    </svg>
                    <div class="name">麦克风</div>
                    <div class="fontclass">#icon-mic-on</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mic-off"></use>
                    </svg>
                    <div class="name">麦克风-静音</div>
                    <div class="fontclass">#icon-mic-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anchor"></use>
                    </svg>
                    <div class="name">地图锚</div>
                    <div class="fontclass">#icon-anchor</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-name-card"></use>
                    </svg>
                    <div class="name">名片</div>
                    <div class="fontclass">#icon-name-card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-magic"></use>
                    </svg>
                    <div class="name">魔术棒</div>
                    <div class="fontclass">#icon-magic</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gentleman"></use>
                    </svg>
                    <div class="name">男士</div>
                    <div class="fontclass">#icon-gentleman</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-men"></use>
                    </svg>
                    <div class="name">男性</div>
                    <div class="fontclass">#icon-men</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-anonymous"></use>
                    </svg>
                    <div class="name">匿名用户</div>
                    <div class="fontclass">#icon-anonymous</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lady"></use>
                    </svg>
                    <div class="name">女士</div>
                    <div class="fontclass">#icon-lady</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-women"></use>
                    </svg>
                    <div class="name">女性</div>
                    <div class="fontclass">#icon-women</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sort"></use>
                    </svg>
                    <div class="name">排序</div>
                    <div class="fontclass">#icon-sort</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sort-down"></use>
                    </svg>
                    <div class="name">排序-降序</div>
                    <div class="fontclass">#icon-sort-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sort-up"></use>
                    </svg>
                    <div class="name">排序-升序</div>
                    <div class="fontclass">#icon-sort-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sort-desc"></use>
                    </svg>
                    <div class="name">排序-数量降序</div>
                    <div class="fontclass">#icon-sort-desc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sort-asc"></use>
                    </svg>
                    <div class="name">排序-数量升序</div>
                    <div class="fontclass">#icon-sort-asc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ticket"></use>
                    </svg>
                    <div class="name">票</div>
                    <div class="fontclass">#icon-ticket</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pad"></use>
                    </svg>
                    <div class="name">平板电脑</div>
                    <div class="fontclass">#icon-pad</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-comment-v2"></use>
                    </svg>
                    <div class="name">评论</div>
                    <div class="fontclass">#icon-comment-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-comment"></use>
                    </svg>
                    <div class="name">评论2</div>
                    <div class="fontclass">#icon-comment</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chat"></use>
                    </svg>
                    <div class="name">评论组</div>
                    <div class="fontclass">#icon-chat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chat-border"></use>
                    </svg>
                    <div class="name">评论组2</div>
                    <div class="fontclass">#icon-chat-border</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-flag"></use>
                    </svg>
                    <div class="name">旗帜</div>
                    <div class="fontclass">#icon-flag</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pencil"></use>
                    </svg>
                    <div class="name">铅笔</div>
                    <div class="fontclass">#icon-pencil</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-go"></use>
                    </svg>
                    <div class="name">前进</div>
                    <div class="fontclass">#icon-go</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-next"></use>
                    </svg>
                    <div class="name">前进2</div>
                    <div class="fontclass">#icon-next</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-full"></use>
                    </svg>
                    <div class="name">全屏</div>
                    <div class="fontclass">#icon-full</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rmb"></use>
                    </svg>
                    <div class="name">人民币</div>
                    <div class="fontclass">#icon-rmb</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bold-arrow-up"></use>
                    </svg>
                    <div class="name">人字形-上</div>
                    <div class="fontclass">#icon-bold-arrow-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bold-arrow-down"></use>
                    </svg>
                    <div class="name">人字形-下</div>
                    <div class="fontclass">#icon-bold-arrow-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bold-arrow-right"></use>
                    </svg>
                    <div class="name">人字形-右</div>
                    <div class="fontclass">#icon-bold-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bold-arrow-left"></use>
                    </svg>
                    <div class="name">人字形-左</div>
                    <div class="fontclass">#icon-bold-arrow-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gantt"></use>
                    </svg>
                    <div class="name">任务</div>
                    <div class="fontclass">#icon-gantt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-calendar-v2"></use>
                    </svg>
                    <div class="name">日历</div>
                    <div class="fontclass">#icon-calendar-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-calendar"></use>
                    </svg>
                    <div class="name">日历2</div>
                    <div class="fontclass">#icon-calendar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-upload"></use>
                    </svg>
                    <div class="name">上传</div>
                    <div class="fontclass">#icon-upload</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-flask"></use>
                    </svg>
                    <div class="name">烧瓶</div>
                    <div class="fontclass">#icon-flask</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-vcr"></use>
                    </svg>
                    <div class="name">摄像机</div>
                    <div class="fontclass">#icon-vcr</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rise"></use>
                    </svg>
                    <div class="name">升级</div>
                    <div class="fontclass">#icon-rise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-clock"></use>
                    </svg>
                    <div class="name">时钟</div>
                    <div class="fontclass">#icon-clock</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-inbox"></use>
                    </svg>
                    <div class="name">收件箱</div>
                    <div class="fontclass">#icon-inbox</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mid"></use>
                    </svg>
                    <div class="name">收起</div>
                    <div class="fontclass">#icon-mid</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bag-v2"></use>
                    </svg>
                    <div class="name">手提包</div>
                    <div class="fontclass">#icon-bag-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bag"></use>
                    </svg>
                    <div class="name">手提箱</div>
                    <div class="fontclass">#icon-bag</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-home"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-home</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-book"></use>
                    </svg>
                    <div class="name">书籍</div>
                    <div class="fontclass">#icon-book</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bookmark"></use>
                    </svg>
                    <div class="name">书签</div>
                    <div class="fontclass">#icon-bookmark</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-indicator"></use>
                    </svg>
                    <div class="name">鼠标指针</div>
                    <div class="fontclass">#icon-indicator</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-database"></use>
                    </svg>
                    <div class="name">数据库</div>
                    <div class="fontclass">#icon-database</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-refresh"></use>
                    </svg>
                    <div class="name">刷新</div>
                    <div class="fontclass">#icon-refresh</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-double-arrow-up"></use>
                    </svg>
                    <div class="name">双角符-上</div>
                    <div class="fontclass">#icon-double-arrow-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-double-arrow-down"></use>
                    </svg>
                    <div class="name">双角符-下</div>
                    <div class="fontclass">#icon-double-arrow-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-double-arrow-right"></use>
                    </svg>
                    <div class="name">双角符-右</div>
                    <div class="fontclass">#icon-double-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-double-arrow-left"></use>
                    </svg>
                    <div class="name">双角符-左</div>
                    <div class="fontclass">#icon-double-arrow-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-random"></use>
                    </svg>
                    <div class="name">随机</div>
                    <div class="fontclass">#icon-random</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-indent-remove"></use>
                    </svg>
                    <div class="name">缩进-减</div>
                    <div class="fontclass">#icon-indent-remove</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lock"></use>
                    </svg>
                    <div class="name">锁定</div>
                    <div class="fontclass">#icon-lock</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-warning"></use>
                    </svg>
                    <div class="name">叹号</div>
                    <div class="fontclass">#icon-warning</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-careful"></use>
                    </svg>
                    <div class="name">叹号2</div>
                    <div class="fontclass">#icon-careful</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-drip"></use>
                    </svg>
                    <div class="name">填色</div>
                    <div class="fontclass">#icon-drip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bar-code"></use>
                    </svg>
                    <div class="name">条形码</div>
                    <div class="fontclass">#icon-bar-code</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-adjust"></use>
                    </svg>
                    <div class="name">调整</div>
                    <div class="fontclass">#icon-adjust</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-check"></use>
                    </svg>
                    <div class="name">听诊器</div>
                    <div class="fontclass">#icon-check</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-stop"></use>
                    </svg>
                    <div class="name">停止</div>
                    <div class="fontclass">#icon-stop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-stop-circle"></use>
                    </svg>
                    <div class="name">停止2</div>
                    <div class="fontclass">#icon-stop-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-address-book"></use>
                    </svg>
                    <div class="name">通讯录</div>
                    <div class="fontclass">#icon-address-book</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chart-bar"></use>
                    </svg>
                    <div class="name">图表</div>
                    <div class="fontclass">#icon-chart-bar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pin"></use>
                    </svg>
                    <div class="name">图钉</div>
                    <div class="fontclass">#icon-pin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-exit"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#icon-exit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chip"></use>
                    </svg>
                    <div class="name">微芯片</div>
                    <div class="fontclass">#icon-chip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-file"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#icon-file</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folder"></use>
                    </svg>
                    <div class="name">文件夹</div>
                    <div class="fontclass">#icon-folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folder-open"></use>
                    </svg>
                    <div class="name">文件夹-打开</div>
                    <div class="fontclass">#icon-folder-open</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-file-text"></use>
                    </svg>
                    <div class="name">文件-文本</div>
                    <div class="fontclass">#icon-file-text</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-files"></use>
                    </svg>
                    <div class="name">文件组</div>
                    <div class="fontclass">#icon-files</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-question"></use>
                    </svg>
                    <div class="name">问号</div>
                    <div class="fontclass">#icon-question</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-download"></use>
                    </svg>
                    <div class="name">下载</div>
                    <div class="fontclass">#icon-download</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chart-trend"></use>
                    </svg>
                    <div class="name">线图</div>
                    <div class="fontclass">#icon-chart-trend</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-camera"></use>
                    </svg>
                    <div class="name">相机</div>
                    <div class="fontclass">#icon-camera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-camera-old"></use>
                    </svg>
                    <div class="name">相机-旧式</div>
                    <div class="fontclass">#icon-camera-old</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list"></use>
                    </svg>
                    <div class="name">项目列表</div>
                    <div class="fontclass">#icon-list</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-car-v2"></use>
                    </svg>
                    <div class="name">小汽车</div>
                    <div class="fontclass">#icon-car-v2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-heart"></use>
                    </svg>
                    <div class="name">心形</div>
                    <div class="fontclass">#icon-heart</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-envelope"></use>
                    </svg>
                    <div class="name">信封</div>
                    <div class="fontclass">#icon-envelope</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-envelope-open"></use>
                    </svg>
                    <div class="name">信封2</div>
                    <div class="fontclass">#icon-envelope-open</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-signal"></use>
                    </svg>
                    <div class="name">信号</div>
                    <div class="fontclass">#icon-signal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-message"></use>
                    </svg>
                    <div class="name">信息</div>
                    <div class="fontclass">#icon-message</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-card-solid"></use>
                    </svg>
                    <div class="name">信用卡</div>
                    <div class="fontclass">#icon-card-solid</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-card"></use>
                    </svg>
                    <div class="name">信用卡2</div>
                    <div class="fontclass">#icon-card</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mi"></use>
                    </svg>
                    <div class="name">星号</div>
                    <div class="fontclass">#icon-mi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-star-on"></use>
                    </svg>
                    <div class="name">星形</div>
                    <div class="fontclass">#icon-star-on</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-star-half"></use>
                    </svg>
                    <div class="name">星形半颗</div>
                    <div class="fontclass">#icon-star-half</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-visible"></use>
                    </svg>
                    <div class="name">眼睛</div>
                    <div class="fontclass">#icon-visible</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-invisible"></use>
                    </svg>
                    <div class="name">眼睛-斜线</div>
                    <div class="fontclass">#icon-invisible</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-phone"></use>
                    </svg>
                    <div class="name">移动设备手机</div>
                    <div class="fontclass">#icon-phone</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-music"></use>
                    </svg>
                    <div class="name">音乐</div>
                    <div class="fontclass">#icon-music</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-soound-min"></use>
                    </svg>
                    <div class="name">音量-低</div>
                    <div class="fontclass">#icon-soound-min</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sound-max"></use>
                    </svg>
                    <div class="name">音量-高</div>
                    <div class="fontclass">#icon-sound-max</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mute"></use>
                    </svg>
                    <div class="name">音量-关</div>
                    <div class="fontclass">#icon-mute</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sound"></use>
                    </svg>
                    <div class="name">音量控制</div>
                    <div class="fontclass">#icon-sound</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-user"></use>
                    </svg>
                    <div class="name">用户</div>
                    <div class="fontclass">#icon-user</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-doctor"></use>
                    </svg>
                    <div class="name">用户-医生</div>
                    <div class="fontclass">#icon-doctor</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-group"></use>
                    </svg>
                    <div class="name">用户组</div>
                    <div class="fontclass">#icon-group</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-umbrella"></use>
                    </svg>
                    <div class="name">雨伞</div>
                    <div class="fontclass">#icon-umbrella</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-double-circle"></use>
                    </svg>
                    <div class="name">圆点</div>
                    <div class="fontclass">#icon-double-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-radio-on"></use>
                    </svg>
                    <div class="name">圆形</div>
                    <div class="fontclass">#icon-radio-on</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-radio-off"></use>
                    </svg>
                    <div class="name">圆形2</div>
                    <div class="fontclass">#icon-radio-off</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cloud"></use>
                    </svg>
                    <div class="name">云端</div>
                    <div class="fontclass">#icon-cloud</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cloud-link"></use>
                    </svg>
                    <div class="name">云端链接</div>
                    <div class="fontclass">#icon-cloud-link</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cloud-upload"></use>
                    </svg>
                    <div class="name">云端上传</div>
                    <div class="fontclass">#icon-cloud-upload</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cloud-download"></use>
                    </svg>
                    <div class="name">云端下载</div>
                    <div class="fontclass">#icon-cloud-download</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pause"></use>
                    </svg>
                    <div class="name">暂停</div>
                    <div class="fontclass">#icon-pause</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pause-circle"></use>
                    </svg>
                    <div class="name">暂停2</div>
                    <div class="fontclass">#icon-pause-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-expand"></use>
                    </svg>
                    <div class="name">展开</div>
                    <div class="fontclass">#icon-expand</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-warplane"></use>
                    </svg>
                    <div class="name">战斗机</div>
                    <div class="fontclass">#icon-warplane</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-org"></use>
                    </svg>
                    <div class="name">站点地图</div>
                    <div class="fontclass">#icon-org</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-up"></use>
                    </svg>
                    <div class="name">长箭头-上</div>
                    <div class="fontclass">#icon-arrow-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-right"></use>
                    </svg>
                    <div class="name">长箭头-右</div>
                    <div class="fontclass">#icon-arrow-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-down"></use>
                    </svg>
                    <div class="name">长箭头-下</div>
                    <div class="fontclass">#icon-arrow-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chart-line"></use>
                    </svg>
                    <div class="name">折线图</div>
                    <div class="fontclass">#icon-chart-line</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-reset"></use>
                    </svg>
                    <div class="name">重做</div>
                    <div class="fontclass">#icon-reset</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pc"></use>
                    </svg>
                    <div class="name">桌面-电脑</div>
                    <div class="fontclass">#icon-pc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-loop"></use>
                    </svg>
                    <div class="name">转发</div>
                    <div class="fontclass">#icon-loop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-target"></use>
                    </svg>
                    <div class="name">准星</div>
                    <div class="fontclass">#icon-target</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mini"></use>
                    </svg>
                    <div class="name">最小化</div>
                    <div class="fontclass">#icon-mini</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-left"></use>
                    </svg>
                    <div class="name">长箭头-左</div>
                    <div class="fontclass">#icon-arrow-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-paper"></use>
                    </svg>
                    <div class="name">纸飞机</div>
                    <div class="fontclass">#icon-paper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-full"></use>
                    </svg>
                    <div class="name">最大化</div>
                    <div class="fontclass">#icon-window-full</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dashboard"></use>
                    </svg>
                    <div class="name">转速表</div>
                    <div class="fontclass">#icon-dashboard</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-compass"></use>
                    </svg>
                    <div class="name">指南针</div>
                    <div class="fontclass">#icon-compass</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hospital"></use>
                    </svg>
                    <div class="name">医院</div>
                    <div class="fontclass">#icon-hospital</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-notebook"></use>
                    </svg>
                    <div class="name">笔记本电脑</div>
                    <div class="fontclass">#icon-notebook</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rank"></use>
                    </svg>
                    <div class="name">排名</div>
                    <div class="fontclass">#icon-rank</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-car"></use>
                    </svg>
                    <div class="name">小轿车</div>
                    <div class="fontclass">#icon-car</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bike"></use>
                    </svg>
                    <div class="name">自行车</div>
                    <div class="fontclass">#icon-bike</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-moto"></use>
                    </svg>
                    <div class="name">摩托车</div>
                    <div class="fontclass">#icon-moto</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wechat"></use>
                    </svg>
                    <div class="name">社交微信</div>
                    <div class="fontclass">#icon-wechat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-audio"></use>
                    </svg>
                    <div class="name">音频</div>
                    <div class="fontclass">#icon-audio</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cuff"></use>
                    </svg>
                    <div class="name">手铐</div>
                    <div class="fontclass">#icon-cuff</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prison"></use>
                    </svg>
                    <div class="name">监狱</div>
                    <div class="fontclass">#icon-prison</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-police"></use>
                    </svg>
                    <div class="name">警察</div>
                    <div class="fontclass">#icon-police</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-max"></use>
                    </svg>
                    <div class="name">窗体-窗口化-细</div>
                    <div class="fontclass">#icon-window-max</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-min"></use>
                    </svg>
                    <div class="name">窗体-窗体化-细</div>
                    <div class="fontclass">#icon-window-min</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-close"></use>
                    </svg>
                    <div class="name">窗体-关闭-细</div>
                    <div class="fontclass">#icon-window-close</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-normal"></use>
                    </svg>
                    <div class="name">窗体-窗口最大化-细</div>
                    <div class="fontclass">#icon-window-normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-down"></use>
                    </svg>
                    <div class="name">窗体-折叠</div>
                    <div class="fontclass">#icon-window-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window-up"></use>
                    </svg>
                    <div class="name">窗体-展开</div>
                    <div class="fontclass">#icon-window-up</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
